<template>
    <div class="body" ref="body">
        <headerView ref="header" systemName="赵县中医院OA系统" />
        <div class="main" ref="main">
            <keep-alive>
                <router-view></router-view>
            </keep-alive>
        </div>
    </div>
</template>
<script>
import headerView from "@/components/header.vue";
import leftView from "@/components/noticeCopy/leftNoticeMenu.vue";
import headerNav from "@/components/noticeCopy/headerNav.vue";
import { mapActions, mapGetters, mapMutations, mapState } from 'vuex';

export default {
    name: "Index",
    components: {
        headerView,
        leftView,
        headerNav,
    },
    data() {
        return {
            navFlag: false,
            count: 0,
        };
    },
    computed: {


    },
    mounted() {
        // window.addEventListener('resize', this.widthHandle);
        // this.$nextTick(() => {
        //     const innerWidth = window.innerWidth + 'px'
        //     this.$refs.body.style.width = innerWidth
        // })
    },
    methods: {
        // widthHandle() {
        //     // console.log(window.innerWidth);
        //     const width = window.innerWidth + 'px'
        //     this.$nextTick(() => {
        //         this.$refs.body.style.width = width
        //     })
        // },

    },
};
</script>
<style scoped>
.body {
    background: #F4F6F8;
    min-height: 100vh;
}

.main {
    /* width: 1366px; */

    width: 70%;
    min-width: 1020px;
    margin: 0 auto;
}
</style>